$(function(){
//    		var dragger = getDragger(true,true);
    		var curPage = 1;//最新页加载的页号
    		var curPageDataArr = [];//最新页数据
    		var pageSize  = 10;//分页记录数
    		var roomId = getSearchParam('roomId');//当前页面的roomId
    		var userInfo = getLocalUserInfo();
    		
    		/**
    		 * websocket对象，等待在页面加载完后初始化连接获取
    		 */
    		var ws = null;

    		
    		
    		//判断是否有权限进入该页面
    		if(userInfo == null || !hasRole('jpls',userInfo.roles)){
    			if(roomId){
    				window.location.href = 'room.html?roomId='+roomId;
    			} else {
    				window.location.href = 'index.html';
    			}
    			return;
    		}
    		
    		
    		/**
				获取房间信息
			*/
			var getRoomFun = function(roomId,callback){
				
	    		$.ajax({
	    			url:'../room/get.do?roomId='+roomId,
	    			type:'get',
	    			dataType:'json',
	    			success:function(d){
	    				callback(d);
	    				
	    			}
	    		});
			};
    		
    		function loadMsgList(pageNo,pageSize,callback){
				 $.ajax({
				        type : "get",
				        dataType : "JSON",
				        url : "../room/msgList.do", // 你请求的地址
				        data : {
				            pageSize:pageSize,  // 传过去的页码
				            pageNo:pageNo,
				            roomId:roomId
				        },
				        success : function(data){
				        	callback(data);
				        },
				        error : function(){

				        }
				    });
			};
			function loadMsgPage(pageNo,pageSize,callback){
				$.ajax({
					type : "get",
					dataType : "JSON",
					url : "../room/msgPage.do", // 你请求的地址
					data : {
						pageSize:pageSize,  // 传过去的页码
						pageNo:pageNo,
						roomId:roomId
					},
					success : function(data){
						callback(data);
					},
					error : function(){
						
					}
				});
			};
			
			/**
			 * 清空当前页面动态数据
			 */
			var cleanPageDataFun = function(){
				$('.mpePoint').text('');
				$('.mpePointStartTime').text('');
				$('.mpePointEndTime').text('');
				$('.voting').empty();
				$('#room-wrapper').empty();
			};
			/**
			 * 清空房间基本数据
			 */
			var cleanRoomBaseDataFun = function(){
				$('.mpePoint').text('');
				$('.mpePointStartTime').text('');
				$('.mpePointEndTime').text('');
				$('.voting').empty();
			};
			/**
			 * 刷新房间基本信息函数
			 */
			var refreshRoomFun = function(room){
				var mydate = new Date();
				var week;
				 switch (mydate.getDay()){
				 case 1: week="星期一"; break;
				 case 2: week="星期二"; break;
				 case 3: week="星期三"; break;
				 case 4: week="星期四"; break;
				 case 5: week="星期五"; break;
				 case 6: week="星期六"; break;
				 default: week="星期天";
				 }
				
				var  dstr= mydate.getFullYear() + "-" + (mydate.getMonth() + 1) + "-" + mydate.getDate() + '  ' + week;
				$('.mpePointStartTime').text(dstr);
				$('.mpePointEndTime').text(room.endTime);
				 
				var $box = $(".pro-dia-box button");
				 switch(room.mpe){
				 case 'd':
					 $('.mpePoint').text('多');
					 $('.pro-dia-box button[name="d"]').addClass('btn-danger');
					 break;
				 case 'k':
					 $('.mpePoint').text('空');
					 $('.pro-dia-box button[name="k"]').addClass('btn-danger');
					 break;
				 case 'zd':
					 $('.mpePoint').text('震荡偏多');
					 $('.pro-dia-box button[name="zd"]').addClass('btn-danger');
					 break;
				 case 'zk':
					 $('.mpePoint').text('震荡偏空');
					 $('.pro-dia-box button[name="zk"]').addClass('btn-danger');
					 break;
				 }
			}
			
			/**
			 * 刷新房间数据
			 */
			var refreshPageFun = function(roomId){
				cleanPageDataFun();//清空当前页面动态数据
				getRoomFun(roomId,function(d){
	    			if(d.success){
						//刷新房间基本信息
	    				refreshRoomFun(d.data);
						
						
						 //设置房间分析信息
				        curPage = 1;
				        loadMsgPage(curPage,pageSize,function(d2){
				        	if(d2.success){
				        		var pageCount = d2.data.pageCount;
				        		
				        		if(pageCount > curPage){
				        			curPage = pageCount;
				        			loadMsgPage(curPage,pageSize,function(dd){
				        				var $itemTemplate = $('#template .newsBoxTemplate');
						        		loadSlide(dd.data.result,'precious-metal-room-wrapper',$itemTemplate,'top');
						        		
						        		if(dd.data.result.length < parseInt(pageSize/2)){//如果当前页记录小于二分之一pageSize，则继续加载一页
						        			curPage--;
						        			loadMsgPage(curPage,pageSize,function(ddd){
						        				
								        		loadSlide(ddd.data.result,'precious-metal-room-wrapper',$itemTemplate,'top');
								        		setScrollBar2Bottom();//将滚动条移动底部
						        			});
						        		} else {
						        			setScrollBar2Bottom();//将滚动条移动底部
						        		}
						        		
				        			});
				        		} else {
				        			var $itemTemplate = $('#template .newsBoxTemplate');
					        		loadSlide(d2.data.result,'precious-metal-room-wrapper',$itemTemplate,'top');
					        		setScrollBar2Bottom();//将滚动条移动底部
				        		}
				        		
//				        		var $itemTemplate = $('#template .newsBoxTemplate');
//				        		loadSlide(d.data.result,'room-wrapper',$itemTemplate);
//				        		curPageDataArr = d.data.result;
//				        		setScrollBar2Bottom();//将滚动条移动底部
				        	}
				        });
					} else {
						window.location.href = 'index.html';
					}
	    		});
			};
    		
			
    		
			/**
			*刷新喊话数据
			*/
    		var refreshSpeekDataFun = function(){
    			var $itemTemplate = $('#template .newsBoxTemplate');
    			if(curPageDataArr.length < pageSize){
    				loadMsgPage(curPage,pageSize,function(d){
 		    			if(d.success){
 		    				var newDataArr = getNewData(d.data.result,curPageDataArr);
 		    				curPageDataArr = d.data.result;//重置缓存数组
 		    				loadSlide(newDataArr,'room-wrapper',$itemTemplate);
 		    				
 		    				//如果当前更新的数据量小于分页值一半，则再请求一页
//  		    				if(newDataArr.length < pageSize){
//  		    					curPage++;
//  		    					loadMsgList(curPage,pageSize,function(d){
//  		    		    			if(d.success){
//  		    		    				loadSlide(d.data.result,'room-wrapper');
//  						        		curPageDataArr = d.data.result;
//  		    		    			}
//  		    		    		});
//  		    				} 
 		    				setScrollBar2Bottom();//将滚动条移动底部
 		    			}
 		    		});
 		    		
 		    	} else {//否则请求新的一页
 		    		curPage++;
 		    		loadMsgPage(curPage,pageSize,function(d){
 		    			if(d.success){
 		    				loadSlide(d.data,'room-wrapper',$itemTemplate);
				        	curPageDataArr = d.data.result;
				        	setScrollBar2Bottom();//将滚动条移动底部
 		    			}
 		    		});
 		    	}
    		};
//    		 dragger.on('dragUpLoad', function() {
// 		    	dragger.reset();
// 		    	
// 		    	refreshSpeekDataFun();
// 				
// 		    });
    		 
    		 /**
    		 *	选择官方观点确定按钮动作绑定
    		 */
    		 $('.mpePointSubmitBtn').click(function(){
    			 var name = $('.pro-dia-box .btn-danger').attr('name');
    			 if(!name){
    				 return ;
    			 }
    			 $.ajax({
    				 url:'../room/mpeVoting.do',
    				 type:'post',
    				 dataType:'json',
    				 data:{
    					 mpePoint:name,
    					 roomId:roomId
    				 },
    				 success:function(d){
    					 if(d.success){
    						 //等待服务器推送通知
//    						 switch(name){
//    						 case 'd':
//    							 $('.mpePoint').text('多');
//    							 break;
//    						 case 'k':
//    							 $('.mpePoint').text('空');
//    							 break;
//    						 case 'zd':
//    							 $('.mpePoint').text('震荡偏多');
//    							 break;
//    						 case 'zk':
//    							 $('.mpePoint').text('震荡偏空');
//    							 break;
//    						 }
    						 
    					 } else {
    						//给出提示
    						
    					 }
    				 }
    			 });
    			 
    			 $('#pro-dialog').modal('hide');
    		 });
    		 
    		 /**
    		 	绑定喊话动作
    		 	 <div class="input-group">
                <textarea class="form-control"></textarea>
                <span class="input-group-addon pre-send-btn">发送</span>
            </div>
    		 */
    		 $('.business-send-btn').click(function(){
    			 var value = $('.textarea_box').html();
    			 if(value == null ||value == ''){
    				 return;
    			 }
    			 
    			 //验证当前用户
    			 userInfo = getLocalUserInfo();
    			 if(!userInfo._loginStatus){
    				 alert('登录状态过期，请重新登录');
    			 }
    			 $.ajax({
    				 url:'../room/speek.do',
    				 type:'post',
    				 dataType:'json',
    				 data:{
    					 content:value,
    					 roomId:roomId
    				 },
    				 success:function(d){
    					 if(d.success){
    						 $('.textarea_box').html('');
//    						 refreshSpeekDataFun();
    					 }
    				 }
    			 });
    		 });
    		 
    		 /**
    		  * 绑定加载更多按钮
    		  */
    		 $('.loadMoreBtn').click(function(){
    			 var $this = $(this);
    			if(curPage > 1){
    				
    				$(this).html('正在加载中...');
    				curPage--;
    				loadMsgPage(curPage,pageSize,function(dd){
         				var $itemTemplate = $('#template .newsBoxTemplate');
    		        		loadSlide(dd.data.result,'precious-metal-room-wrapper',$itemTemplate,'top');
    		        		setScrollBar2Bottom();//将滚动条移动底部
    		        		if(curPage == 1){
    		        			$this.html('没有更多了！');
    		        		} else {
    		        			$this.html('点击加载更多...');
    		        		}
         			});
    			} else {
    				$this.html('没有更多了！');
    			}
     			
    		 });
    		 
//    		 $('.business-upload-img-btn').click(function(){
//    			 $('#modal-content-wrap').modal({
//    		            width:400,
//    		            title:'图片发送',
//    		            dismiss:true,
//    		            showTitle:true
//    		        });
//    		 });
    		 
    		 $('.uploadImgSubmitBtn').click(function(){
    			 var oMyForm = new FormData();  
  				
  				oMyForm.append("roomId", roomId);  
  				   
  				// fileInputElement中已经包含了用户所选择的文件  
  				oMyForm.append("userfile", document.getElementById('uploadFile').files[0]);  
  				  
//  				oMyForm.append("webmasterfile", oBlob);  
  				   
  				var oReq = new XMLHttpRequest();  
  				oReq.open("POST", "../room/upload.do");  
  				oReq.send(oMyForm); 
  				$('#modal-content-wrap').modal('hide');
     		 });
    		 
    		 /**自动刷新函数*/
// 			var autoRefreshCurRoomDataFun = function(){
// 				window.setInterval(function(){
// 					//刷新房间信息
// 					getRoomFun(function(d){
// 						if(d.success){
// 							//刷新房间基本信息
// 							refreshRoomFun(d.data);
// 							refreshSpeekDataFun();
// 							//刷新房间分析信息 设置房间分析信息
// 						}
// 		    		});
// 					
// 					
// 		        },3000);
// 			}
// 			autoRefreshCurRoomDataFun();
 			
    		 /******房间喊话数据更新******/
	    	function addSpeekDataFun(data){
	    		var $itemTemplate = $('#template .newsBoxTemplate');
	    		loadSlide(data,'precious-metal-room-wrapper',$itemTemplate,'bottom');
	    	};
	    	
	    	/**
	    	 * 删除喊话数据
	    	 */
	    	function delSpeekDataFun(data){
	    		$('#precious-metal-room-wrapper').find('div[name="'+data.id+'"]').remove();
	    	};
 			
 			 //websocket监听服务器数据推送
		    function connect(roomId) {
	            
	            var url1 = 'ws://'+websocketDomain+"/ep-websocket/websocket/roomws?roomId="+roomId;
	            var url2 = 'http://'+websocketDomain+"/ep-websocket/websocket/roomws?roomId="+roomId;
	           
	            if ('WebSocket' in window) {
	                ws = new WebSocket(url1);
	            } else if ('MozWebSocket' in window) {
	                ws = new MozWebSocket(url1);
	            } else {
	                ws = new SockJS(url2);
	            }

	            ws.onopen = function () {
//	                alert('Info: connection opened.');
	            };
	            ws.onmessage = function (event) {
//	                alert('Received: ' + event.data);
	            	//数据派发
	            	var data  = JSON.parse(event.data);
	            	var eventType = data._type;
	            	var d = data;//真正的业务数据
	            	switch(eventType){
	            	case 'roomBaseDataRefresh'://房间基本数据更新
	            		
	            		break;
	            	case 'roomSpeeked'://房间喊话数据更新
	            		var dataArr = [d];
	            		addSpeekDataFun(dataArr);
	            		break;
	            	case 'roomSpeekMsgDeleted'://房间喊话数据更新
	            		delSpeekDataFun(d);
	            		break;
	            	case 'roomVoted'://房间喊话数据更新
	            		cleanRoomBaseDataFun();
	            		refreshRoomFun(d);//实际把房间投票和房间信息都刷新了
	            		break;
	            		
	            	case 'roomSpeekDataInit'://房间喊话数据初始化加载
	            		
	            		break;
	            		
	            	case 'roomBaseDataInit'://房间基本数据初始化加载
	            		
	            		break;
	            		
	            	}
	            };
	            ws.onclose = function (event) {
//	                alert('Info: connection closed.');
//	                alert(event);
	            };
	        };
	        
	        
	        /**
			*	加载房间信息
			*/
			if(roomId == undefined ||roomId == null || roomId == ''){//如果房间Id无效，则退回主页
    			window.location.href = 'index.html';
    			return;
    		} else {//否则才加载房间信息
    			initHeader(function(d){
    				if(ws){
        				ws.close();//关闭旧的
        				ws = null;
        			}
    				
        			roomId = d.id;
        			if(userInfo != null){
        				for(var i in userInfo.roles){
        					if(userInfo.roles[i] == 'jpls'){//如果是解盘老师，则跳转
        						window.location.href = 'preciousMetal.html?roomId='+roomId;
        						return;
        					}
        				}
        				
        			}
        			window.location.href = 'room.html?roomId='+roomId;
        			
        		},function(){
        			//设置房间信息
        			
        			refreshPageFun(roomId);
        			if(ws){
        				ws.close();//关闭旧的
        				ws = null;
        			}
        			connect(roomId);
        		});
    		}
    	});